<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="Access-Control-Allow-Origin" content="*"/>

  <!--  <link rel="stylesheet" href="//at.alicdn.com/t/font_1506787_vzxh2fgvcoj.css">-->
  <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">

  <!-- 百度地图3.0 离线API Begin -->
  <!--  <script type="text/javascript" src="./bmap-offline/map3.0_init.js"></script>-->
  <!--  <script type="text/javascript" src="./bmap-offline/map3.0.js"></script>-->
  <!--  <script type="text/javascript" src="./bmap-offline/library/MarkerClusterer_min.js"></script>-->
  <!--  <script type="text/javascript" src="./bmap-offline/library/TextIconOverlay_min.js"></script>-->

  <script src="./cfg/myConfig.js"></script>
  <!-- 百度地图-->
  <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=rU8qkC216C0zEXnKTeKYHzubOHFzowRL"></script>
  <script type="text/javascript" src="https://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"
  ></script>
  <script type="text/javascript" src="https://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"
  ></script>

  <!-- google地图-->
  <script src="https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js"></script>
<!--  <script-->
<!--    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCdEl9wuiSpNp6_1_VWHJlTMlf2DZz-kjI"-->
<!--  >-->
<!--  </script>-->
  <!-- 腾讯地图-->
  <script type="text/javascript"
          src="https://map.qq.com/api/js?v=2.exp&libraries=drawing&key=P6KBZ-D4V6W-ONURH-RGMWC-NG7NJ-KWFIJ"
  ></script>
  <!--    <script type="text/javascript"-->
  <!--            src="https://map.qq.com/api/gljs?v=1.exp&libraries=tools&key=P6KBZ-D4V6W-ONURH-RGMWC-NG7NJ-KWFIJ"-->
  <!--    ></script>-->

  <script>
    function initialize() {
      console.log('百度地图异步加载')
    }
  </script>
  <style>
    html,
    body,
    #app {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .avue-home {
      background-color: #303133;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .avue-home__main {
      user-select: none;
      width: 100%;
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .avue-home__footer {
      width: 100%;
      flex-grow: 0;
      text-align: center;
      padding: 1em 0;
    }

    .avue-home__footer > a {
      font-size: 12px;
      color: #ABABAB;
      text-decoration: none;
    }

    .avue-home__loading {
      height: 32px;
      width: 32px;
      margin-bottom: 20px;
    }

    .avue-home__title {
      color: #FFF;
      font-size: 14px;
      margin-bottom: 13px;
    }

    .avue-home__sub-title {
      color: #ABABAB;
      font-size: 12px;
    }
  </style>
</head>
<body>
<noscript>
  <strong>很抱歉，如果没有 JavaScript 支持，网站将不能正常工作。请启用浏览器的 JavaScript 然后继续。</strong>
</noscript>
<div id="app">
  <div class="avue-home">
    <div class="avue-home__main">
      <img class="avue-home__loading" src="./svg/loading-spin.svg" alt="loading">
      <div class="avue-home__title">
        正在加载资源
      </div>
      <div class="avue-home__sub-title">
        初次加载资源可能需要较多时间 请耐心等待
      </div>
    </div>
    <!--    <div class="avue-home__footer">-->
    <!--      <a href="https://ztn-tech.com" target="_blank">-->
    <!--        Copyright © 2020 ztn-tech.com</a>-->
    <!--    </div>-->
  </div>
</div>
</body>

</html>
